import React from 'react'
import {Tabbar } from 'react-vant';
import { Plus, FriendsO, HomeO, Search, SettingO  } from '@react-vant/icons';
import {Outlet,NavLink} from "react-router-dom";
import "./home.css"
function Home() {
    return (
        <div>
            <header>
            <input type="text"/>
            {/* <Plus fontSize="30px" /><span></span> */}
            </header>
            <main>
                <Outlet></Outlet>
            </main>
            <footer>
            <Tabbar>
      <Tabbar.Item icon={<HomeO />}>
          <NavLink to={"/home/index"}>首页</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<Search />}>
      <NavLink to={"/home/class"}>发现</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<FriendsO />}>
      <NavLink to={"/home/shop"}>购物</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<SettingO />}>
      <NavLink to={"/home/my"}>我的</NavLink>
      </Tabbar.Item>
    </Tabbar>
            </footer>
        </div>
    )
}

export default Home
